<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>表格</title>
        <script src="Downloads/jquery-3.2.0.min.js"></script>
        <style type = text/css>
        table{border-collapse:collapse;}
        table,th,td {border:1px solid #000;}
        a:hover{color:green;} 
        </style>

</head>
<body>
<h1>
<a href= "http://www.baidu.com">百度一下你就知道</a></h1>
<ul>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
    <li>列表</li>
</ul>

<table>
  <thead>
    <th>表头1</th>
    <th>表头2</th>
    <th>表头3</th>
    <th>表头4</th>
    <th>表头5</th>
  </thead>
   <tr>
     <td>列表1</td>     
     <td>列表2</td>     
     <td>列表3</td>     
     <td>列表4</td>     
     <td>列表5</td>     
         

   </tr>
     <tr>
      <td>列表1</td>
      <td>列表2</td>
      <td>列表3</td>
      <td>列表4</td>
      <td>列表5</td>

     </tr>
</table>
  <script>
     $("tr:odd").css("background","#0f0");
     $("tr:odd").css("background","#0ff");



  </script>	
</body>
</html>
